<template>
  <div>
  <ul class="dujia">
      <li v-for="(item,index) in datas" :key="index"  border="0"
        style="cursor: pointer">
          <div class="imgs">
              <img :src="item.img" alt="">
              <div class="bofi">
                  <img src="../../assets/fwa.png" alt="">
              </div>
          </div>
          <span>{{item.tltie}}</span>
      </li>
  </ul>
  </div>
</template>

<script>
export default {
props:["exclusivedata"],
  data() {
    return {
   
datas:this.exclusivedata
     
    }
  },
  created() {
    // this.datas = this.gedan;
  console.log(this.datas)
  },
  methods: {
   
  },
};
</script>

<style lang="less" scoped>
.dujia{
    display: flex;
    justify-content:space-between;
    li{
         flex-basis: 32%;
        //  border: 1px solid #000;
        //  height: 100px;
    .imgs{
        width: 100%;
        height: 180px;
        border-radius: 5px;
        position: relative;
        overflow: hidden;
        img{
            width: 100%;
            height: 100%;
        }
        .bofi{
            position: absolute;
            left: 10px;
            top: 10px;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background-color: rgba(134, 134, 134, 0.699);
            border: 1px solid rgb(255, 255, 255);
            display: flex;
            justify-content: center;
            align-items: center;
            img{
                margin-left: 3px;
                width: 60%;
                height: 60%;
            }
        }
        margin-bottom: 10px;
    }
      span{
 text-indent: 2px;
      line-height: 20px;
      }
    }
}
</style>